.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body{
	
}
.box{
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../images/bj2.png) no-repeat;
  	background-size: 100% 100%;
  	display: flex;
  	justify-content: center;
  	align-items: center;
}
.main{
	width: 78%;
	margin: auto;
	border:1px solid #868090;
	background: rgba(0, 0, 0,0.3);
	// .px2rem(margin-top, 300);
	display: flex;
	// justify-content: center;
	align-items: center;
	flex-direction: column;
	.phone{
		display: flex;
		align-items: center;
		width:80%;
		.px2rem(height, 46);
		border:1px solid #868090;
		.px2rem(margin-top, 65);
		.px2rem(margin-bottom, 32);
		i{
			color: #ccc;
			font-size: 18px;
			.px2rem(font-size, 35);
			width: 15%;
			text-align: center;
		}
		input{
			width: 85%;
			background: none;
			border:none;
			outline: none;
			.px2rem(font-size, 20);
			color: #ccc;
		}
		input::placeholder{
			color: #ccc;
		}
	}
	.yanzheng{
		display: flex;
		align-items: center;
		width:80%;
		.px2rem(height, 46);
		border:1px solid #868090;
		i{
			color: #ccc;
			.px2rem(font-size, 35);
			width: 15%;
			text-align: center;
		}
		input{
			width: 60%;
			background: none;
			border:none;
			outline: none;
			.px2rem(font-size, 20);
			color: #ccc;
		}
		input::placeholder{
			color: #ccc;
		}
		button{
			width: 25%;
			height: 100%;
			border:none;
			background: #832a5d;
			color: #ccc;
			outline: none;
		}
	}
	.xingbie{
		display: flex;
		align-items: center;
		width:80%;
		border:1px solid #868090;
		.px2rem(height, 46);
		.px2rem(margin-top, 32);
		justify-content: space-between;
		span{
			width: 20%;
			text-align: center;
			font-size: 18px;
			color: #ccc;
		}
		p{
			width: 40%;
			display: flex;
			align-items: center;
			img{
				.px2rem(height, 35);
				.px2rem(padding-left, 5);
				.px2rem(padding-right, 5);
			}
			a{
				color: #ccc;
				font-size: 12px;
				.px2rem(padding-left, 5);
				.px2rem(padding-right, 5);
			}
		}
		p:first-child{
			display: flex;
			justify-content: flex-end;
		}
		p:last-child{
			display: flex;
			justify-content: flex-start;
		}
	}
	.mima{
		display: flex;
		align-items: center;
		width:80%;
		border:1px solid #868090;
		
		.px2rem(height, 46);
		.px2rem(margin-top, 32);
		i{
			color: #ccc;
			.px2rem(font-size, 32);
			width: 15%;
			text-align: center;
			font-style: normal;
		}
		input{
			width: 85%;
			background: none;
			border:none;
			outline: none;
			.px2rem(font-size, 24);
			color: #ccc;
		}
		input::placeholder{
			color: #ccc;
		}
	}
	.xieyi{
		display: flex;
		align-items: center;
		.px2rem(height, 46);
		.px2rem(margin-top, 25);
		.px2rem(margin-bottom, 25);
		span{
			display: block;
			width: 12px;
			height: 12px;
			border-radius: 100%;
			background: #fff;
			border:4px solid #f84183;
		}
		i{
			.px2rem(font-size, 22);
			color: #cf356e;
			.px2rem(padding-left, 15);
			.px2rem(padding-right, 15);
			font-style: normal;
		}
		a{
			text-decoration: underline;
			color: #fff;
			.px2rem(font-size, 22);
		}
	}
	.denglu{
		width: 80%;
		.px2rem(height, 46);
		border:none;
		background: #a51658;
		outline: none;
		color: #fff;
		border-radius: 5px;
		.px2rem(font-size, 26);
	}
	.huiyuan{
		height: 30px;
		display: flex;
		align-items: center;
		i{
			.px2rem(font-size, 22);
			color: #cf356e;
			padding: 0 5px;
			font-style: normal;
		}
		a{
			text-decoration: underline;
			color: #fff;
			.px2rem(font-size, 22);
		}
	}
}
